<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
     <h:head>
        <title>TPV ONCE - Gestion de familias</title>
    </h:head>
    <h:body>
        <ui:include src="../cabecera.xhtml" />
        
        <h:form id="datos">
        
            <div align="center">
            <h:panelGrid columns="2" >
                <p:outputLabel value="Identificador:"/>
                <p:inputText id="identf" value="#{familia.familiaSeleccionada.identificador}" required="true"/>
                <p:outputLabel value="Descripcion:"/>
                <p:inputText id="descf" value="#{familia.familiaSeleccionada.descripcion}" required="true"/>
                <p:outputLabel value="Margen:"/>
                <p:inputText id="margenf" value="#{familia.familiaSeleccionada.margen}" required="true"/>
            </h:panelGrid>
            <h:panelGrid columns="4">
                <p:commandButton value="Nuevo"  actionListener="#{familia.nuevaFamilia()}" 
                                 update=":datos:identf :datos:descf :datos:margenf :tabla:familias"/>
                <p:commandButton value="Guardar" actionListener="#{familia.insertarFamilia()}" 
                                 update=":datos:identf :datos:descf :datos:margenf :tabla:familias"/>
                <p:commandButton value="Cancelar" />
                <p:commandButton value="Eliminar" actionListener="#{familia.eliminarFamilia()}" update=":tabla:familias"/>
            </h:panelGrid>
                
        </div> 
        </h:form>
        
        <h:form id="tabla">
            
            <p:dataTable id="familias" var="fam" value="#{familia.modeloFamilia}" paginator="true" rows="10"  
                         selection="#{familia.familiaSeleccionada}" selectionMode="single">  
  
        <p:ajax event="rowSelect" listener="#{familia.onRowSelect}"   
                    update=":datos:identf :datos:descf :datos:margenf"/>  
        <p:ajax event="rowUnselect" listener="#{familia.onRowUnselect}" update=":datos:identf :datos:descf :datos:margenf"/>  
  
  
        <p:column headerText="Identificador">  
            #{fam.identificador}  
        </p:column>  
  
        <p:column headerText="Descripcion">  
            #{fam.descripcion}  
        </p:column>  
  
        <p:column headerText="Margen" >  
            #{fam.margen}  
        </p:column>  
  
        
    </p:dataTable>  
        </h:form>
        
        
        
    </h:body>
</html>
